<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition  template="template.xhtml"    >
	
	<ui:define name="principal">
		
		<h:form id="frmVendaProduto"
		        styleClass="pnFormularioCadastro">
		
   			<p:growl id="message" 
			         showDetail="true" 
			         globalOnly="true"
			         sticky="false"
			         life="1200" />		
		
			<p:panel header="#{msg['label.venda.nome.tela']}" >
			         
				<h:panelGrid columns="1">
					<p:outputLabel value="Selecionar Cliente" />
					<p:column>
						<p:inputText id="cliente"
						             size="50"
						             value="#{vendaMB.clienteSelecionado.nome}"
						             autocomplete="false" >
						</p:inputText>	
						<p:spacer width="5" />						
						<p:commandLink update=":frmPesquisaCliente"
									   oncomplete="PF('dlgPesquisaCliente').show()">
							<h:graphicImage library="imagens" 
											name="localizar.png" />
						</p:commandLink>
						<p:spacer width="5" />
						<p:commandLink update="frmVendaProduto:cliente">
							<h:graphicImage library="imagens" 
											name="excluir.png" />
							<f:setPropertyActionListener target="#{vendaMB.clienteSelecionado.nome}" value="" />
						</p:commandLink>									
					</p:column>			         

					<p:outputLabel value="Selecionar Produto" />
					<p:column>
						<p:inputText id="produto"
						             size="50"
						             value="#{vendaMB.produtoSelecionado.descProduto}"
						             autocomplete="false" >
						</p:inputText>	
						<p:spacer width="5" />						
						<p:commandLink update=":frmPesquisaProduto"
									   oncomplete="PF('dlgPesquisaProduto').show()">
							<h:graphicImage library="imagens" 
											name="localizar.png" />
						</p:commandLink>
						<p:spacer width="5" />
						<p:commandLink update="frmVendaProduto:produto">
							<h:graphicImage library="imagens" 
											name="excluir.png" />
							<f:setPropertyActionListener target="#{vendaMB.produtoSelecionado.descProduto}" value="" />
						</p:commandLink>									
					</p:column>	
					
					<p:outputLabel value="Quantidade" />
					<p:inputText value="#{vendaMB.vendaProduto.quantidade}"
					             style="text-align:right">	
						<p:ajax event="blur" 
						        listener="#{vendaMB.totalizaProduto()}" 
						        update="frmVendaProduto:totalProduto"/>			          
	               	</p:inputText>							
					
					<p:outputLabel value="Valor Produto" />
					<p:inputText value="#{vendaMB.vendaProduto.valor}"
					             style="text-align:right">				          
	                	<f:convertNumber pattern="#,##0.00"/>
						<p:ajax event="blur" 
						        listener="#{vendaMB.totalizaProduto()}" 
						        update="frmVendaProduto:totalProduto"/>				                	
	               	</p:inputText>			
	               	
	               	<p:outputLabel value="Total Produto" />
					<p:inputText id="totalProduto"
					             value="#{vendaMB.totalProduto}"
					             disabled="true"
					             style="text-align:right">				          
	                	<f:convertNumber pattern="#,##0.00"/>
	               	</p:inputText>		
							         
				</h:panelGrid>	
			
				<p:spacer height="20px" />
				
				<h:panelGrid columns="1"
			      	         styleClass="pgBotoes" >
					<p:column>				
		               	<p:commandButton value="Salvar"
		               	                 action="#{vendaMB.salvaVenda()}"
		               	                 update=":frmVendaProduto, :frmListagem" />
		               	<p:spacer width="20px" />                 
		               	<p:commandButton value="Limpar"
		               	                 action="#{vendaMB.inicializa()}"
		               	                 update=":frmVendaProduto"/>    
		               	<p:spacer width="20" height="0" />
		               	<p:commandButton value="Fechar"
		               	                 action="agenda" />		               	                 
						<p:spacer width="20px" />  
					</p:column>
				</h:panelGrid>	
		
			</p:panel>		
			
		</h:form>
		
		<h:form id="frmListagem"
		        styleClass="pnFormularioCadastro">
			<p:dataTable id="listagemVenda" 
			             value="#{vendaMB.listaVendaProduto}"
			             var="reg"
			             sortBy="#{reg.cliente.idCliente}" 
			             rowKey="#{reg.idVendaProduto}"
					     emptyMessage="Nenhuma Venda Selecionada">
		 		<p:column headerText="Data Venda">
		 			<p:outputLabel value="#{reg.dataVenda}">
		 				<f:convertDateTime pattern="dd/MM/yyyy"  />
		 			</p:outputLabel>
		 		</p:column>
		 		<p:column headerText="Cliente">
		 			<p:outputLabel value="#{reg.cliente.nome}" />
		 		</p:column>
		 		<p:column headerText="Serviço">
		 			<p:outputLabel value="#{reg.produto.descProduto}" />
		 		</p:column>
		 		<p:column headerText="Valor" 
		 		          styleClass="colunaValor">
		 			<p:outputLabel value="#{reg.quantidade * reg.valor}" >
		 				<f:convertNumber type="currency"  />
		 			</p:outputLabel>
		 		</p:column>		
			    <p:summaryRow>
			    	<p:column>
						<p:commandButton value="Pagamento" 
						                 action="/pages/protected/pagamento.jsf">
							<f:param name="idCliente" 
							         value="#{reg.cliente.idCliente}" />											
						</p:commandButton> 	
			    	</p:column>
			        <p:column styleClass="colunaValor"
			                  colspan="2">
			        	<p:outputLabel value="Total Cliente: " />
			        </p:column>
		            <p:column styleClass="colunaValor">
		                <h:outputText value="#{vendaMB.getValorTotalVenda(reg.cliente.idCliente)}">
		                    <f:convertNumber type="currency" currencySymbol="R$" />
		                </h:outputText>
		            </p:column>
	        	</p:summaryRow>
			</p:dataTable>
		</h:form>	
			
		<h:form id="frmPesquisaCliente">
			<p:dialog id="dlgPesquisaCliente" 
			          widgetVar="dlgPesquisaCliente" >
			    <p:dataTable value="#{vendaMB.listaClienteSelecionados}"
			                 var="reg" 
			                 selectionMode="single"
			                 selection="#{vendaMB.clienteSelecionado}"
			                 rowKey="#{reg.nome}"
			                 style="width: 600px;">
			        <p:ajax event="rowSelect"
			        		oncomplete="PF('dlgPesquisaCliente').hide();" 
                            update=":frmVendaProduto" />
			    	<p:column headerText="Cliente">
			    		<p:outputLabel value="#{reg.nome}" />
			    	</p:column>
			    </p:dataTable>
			</p:dialog>
		</h:form>			
		
		<h:form id="frmPesquisaProduto">
			<p:dialog id="dlgPesquisaProduto" 
			          widgetVar="dlgPesquisaProduto" >
			    <p:dataTable value="#{vendaMB.listaProdutoSelecionado}"
			                 var="reg" 
			                 selectionMode="single"
			                 selection="#{vendaMB.produtoSelecionado}"
			                 rowKey="#{reg.descProduto}"
			                 style="width: 600px;"
			               >
			        <p:ajax event="rowSelect"
			        		oncomplete="PF('dlgPesquisaProduto').hide();" 
                            update=":frmVendaProduto" />
			    	<p:column headerText="Produto">
			    		<p:outputLabel value="#{reg.descProduto}" />
			    	</p:column>
			    </p:dataTable>
			</p:dialog>
		</h:form>			
		
	</ui:define>
	
</ui:composition>
</html>